<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>信息动态</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="layui/css/layui.css" media="all" />
		<link rel="stylesheet" href="css/main.css" media="all" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/home.css" />
		<link rel="stylesheet" type="text/css" href="ueditor/text.css" />
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script>
		<script src="https://cdn.jsdelivr.net/vue.resource/1.0.3/vue-resource.min.js"></script>
		<!--富文本编辑器文件-->
		<script type="text/javascript" charset="utf-8" src="ueditor/ueditor.config.js"></script>
		<script type="text/javascript" charset="utf-8" src="ueditor/ueditor.all.min.js">
		</script>
		<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
		<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
		<script type="text/javascript" charset="utf-8" src="ueditor/lang/zh-cn/zh-cn.js"></script>
	</head>

	<body class="main_body">
		<div class="layui-layout layui-layout-admin">
			<!-- 顶部 -->
			<div class="layui-header header">
				<div class="layui-main">
					<a href="#" class="logo">信息动态</a>
					<!-- 顶部右侧菜单 -->
					<ul class="layui-nav top_menu">
						<li class="layui-nav-item" pc>
							<a href="javascript:;">
								<img src="img/pic01.jpg" class="layui-circle" width="35" height="35">
								<cite>请叫我马哥</cite>
							</a>
							<dl class="layui-nav-child">
								<dd>
									<a href="javascript:;" data-url=""><i class="iconfont icon-zhanghu" data-icon="icon-zhanghu"></i><cite>个人资料</cite></a>
								</dd>
								<dd>
									<a href="javascript:;" data-url=""><i class="iconfont icon-shezhi1" data-icon="icon-shezhi1"></i><cite>修改密码</cite></a>
								</dd>
								<dd>
									<a href="javascript:;"><i class="iconfont icon-loginout"></i><cite>退出</cite></a>
								</dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>
			<!-- header导航 -->
			<nav class="navbar navbar-default">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					        <span class="sr-only">Toggle navigation</span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					    </button>
						<a class="navbar-brand" href="index.html">概览</a>
					</div>
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li>
								<a href="project_manage.html">项目管理 <span class="sr-only">(current)</span></a>
							</li>
							<li class="active">
								<a href="information_dynamic.html">信息动态</a>
							</li>
							<li>
								<a href="co_operation.html">协办任务</a>
							</li>
							<li>
								<a href="go_out.html">外出申请</a>
							</li>
							<li>
								<a href="outgo_approval.html">外出审批</a>
							</li>
							<li>
								<a href="submit_clues.html">企业提交线索</a>
							</li>
							<li>
								<a href="attend_manage.html">考勤管理</a>
							</li>
							<li>
								<a href="team_manage.html">部门管理</a>
							</li>
							<li>
								<a href="member_manage.html">成员管理</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">设置 <span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">Action</a>
									</li>
									<li>
										<a href="#">Another action</a>
									</li>
									<li>
										<a href="#">Something else here</a>
									</li>
									<li role="separator" class="divider"></li>
									<li>
										<a href="#">Separated link</a>
									</li>
									<li role="separator" class="divider"></li>
									<li>
										<a href="#">One more separated link</a>
									</li>
								</ul>
							</li>
						</ul>
					</div </div>
			</nav>
			<!--树状图-->
			<div class="layui-side layui-bg-black" id="shu" style="display: none;">
				<div class="navBar layui-side-scroll" style="height: auto;">
					<div class="tree well">
						<ul>
							<li>
								<span><i class="icon-folder-open"></i> 顶级节点1</span>
								<ul>
									<li>
										<span><i class="icon-minus-sign"></i> 一级节点1</span>
										<a href=""></a>
										<ul>
											<li>
												<span><i class="icon-leaf"></i> 二级节点1_1</span>
												<a href=""></a>
											</li>
										</ul>
									</li>
									<li>
										<span><i class="icon-minus-sign"></i> 一级节点2</span>
										<a href=""></a>
										<ul>
											<li>
												<span><i class="icon-leaf"></i>二级节点2_1</span>
												<a href=""></a>
											</li>
											<li>
												<span><i class="icon-minus-sign"></i> 二级节点2_2</span>
												<a href=""></a>
												<ul>
													<li>
														<span><i class="icon-minus-sign"></i>三级节点2_1</span>
														<a href=""></a>
														<ul>
															<li>
																<span><i class="icon-leaf"></i>四级节点2_1</span>
																<a href=""></a>
															</li>
															<li>
																<span><i class="icon-leaf"></i> 四级节点2_2</span>
																<a href=""></a>
															</li>
														</ul>
													</li>
													<li>
														<span><i class="icon-leaf"></i>三级节点2_2</span>
														<a href=""></a>
													</li>
													<li>
														<span><i class="icon-leaf"></i> 三级节点2_3</span>
														<a href=""></a>
													</li>
												</ul>
											</li>
											<li>
												<span><i class="icon-leaf"></i>二级节点2_3</span>
												<a href=""></a>
											</li>
										</ul>
									</li>
								</ul>
							</li>
							<li>
								<span><i class="icon-folder-open"></i> 顶级节点2</span>
								<a href=""></a>
								<ul>
									<li>
										<span><i class="icon-leaf"></i> 一级节点2_1</span>
										<a href=""></a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>

			<!-- 右侧内容 -->
			<div class="layui-body layui-form">
				<div class="layui-tab marg0" lay-filter="bodyTab">
					<div class="max-title">
						<div class="fl">信息动态</div>
						<ul class="max-title-ul fr">
							<button class="btn-primary btn" data-target="#addview" data-whatever="@mdo" data-toggle="modal">添加</button>
						</ul>
					</div>
						<div class="cont-top">
						<div class="dropdown navbar-left">
							<select class="selectpicker form-control" title="全部动态" onchange="selectOnchang(this)">
								<option value="项目名称">项目名称</option>

								<option value="项目商家">项目商家</option>

								<option value="会员名称">会员名称</option>

								<option value="4">4</option>
							</select>
						</div>
						<form class="navbar-form navbar-left form-top">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="项目名称/编号">
							</div>
							<button type="submit" class="btn btn-default ms-btn">搜索</button>
						</form>
						<div class="dropdown navbar-right sort">
							<select class="selectpicker form-control" title="默认排序" onchange="selectOnchang(this)">
								<option value="项目名称">顺序</option>

								<option value="项目商家">降序</option>

								<option value="会员名称">会员名称</option>

								<option value="4">4</option>
							</select>
						</div>
					</div>
					<!--列表-->
					<table class="table table-bordered table-hover">
						<thead>
							<tr style="background: #ccc;">
								<th>id</th>
								<th>标题</th>
								<th>类型</th>
								<th>信息内容</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<!--v-for="item in projectInfo"-->
							<tr class="text-center">
								<td>1</td>
								<td>
									标题1
								</td>
								<td>类型1</td>
								<td>内容1</td>
								<td width="22%">
									<button class="btn-info btn-sm" data-target="#view" data-whatever="@mdo" data-toggle="modal">查看</button>
									<button class="btn-danger btn-sm" data-toggle="modal">删除</button>

								</td>
							</tr>
							<tr class="text-center">
								<td>2</td>
								<td>
									标题2
								</td>
								<td>类型2</td>
								<td>内容2</td>
								<td>
									<button class="btn-info btn-sm" data-target="#view" data-whatever="@mdo" data-toggle="modal">查看</button>
									<button class="btn-danger btn-sm" data-toggle="modal">删除</button>
								</td>
							</tr>
						</tbody>
					</table>

					<!--查看消息模态窗-->
					<div class="modal fade" id="view" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
						<div class="modal-dialog" role="document" style="width:1042px">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									<h4 class="modal-title" id="exampleModal">添加信息动态</h4>
								</div>
								<div class="modal-body">
									<!-- 右侧内容 -->
									<div class="layui-body layui-form">
										<div class="layui-tab marg0" lay-filter="bodyTab">
											

											<form class="form-horizontal" role="form">
												<div class="form-group">
													<label for="title" class="col-sm-3 control-label">标题：</label>
													<div class="col-sm-6 col-he">
														标题1
													</div>
												</div>
												<div class="form-group">
													<label for="firstname" class="col-sm-3 control-label tz-txt ">类型：</label>
													<label class="radio-inline">
												        <input type="radio" name="optionsRadiosinline" id="optionsRadios1" value="option1" title="外出招商信息" checked>
												    </label>
																		
												</div>
												<div class="form-group">
													<label for="firstname" class="col-sm-3 control-label tz-txt ">信息内容：</label>
													<div class="col-sm-6 col-he" style="margin-top: 15px;">
														标题1标题1标题1标题1标题1标题1标题1标题1标题1标题1标题1
													</div>
												</div>
										</div>
										</form>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
										<button type="button" class="btn btn-primary" @click="addUser">确定</button>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--添加消息模态窗-->
					<div class="modal fade" id="addview" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
						<div class="modal-dialog" role="document" style="width:1042px">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									<h4 class="modal-title" id="exampleModal">添加信息动态</h4>
								</div>
								<div class="modal-body">
									<!-- 右侧内容 -->
									<div class="layui-body layui-form">
										<div class="layui-tab marg0" lay-filter="bodyTab">
											

											<form class="form-horizontal" role="form">
												<div class="form-group">
													<label for="title" class="col-sm-3 control-label">标题：</label>
													<div class="col-sm-6 col-he">
														<input type="text" name="" id="" value="" class="form-control"/>
													</div>
												</div>
												<div class="form-group">
													<label for="firstname" class="col-sm-3 control-label tz-txt ">类型：</label>
													<label class="radio-inline">
												        <input type="radio" name="optionsRadiosinline" id="optionsRadios1" value="option1" title="外出招商信息" checked>
												    </label>
																			<label class="radio-inline">
												        <input type="radio" name="optionsRadiosinline" id="optionsRadios2"  value="option2" title="一般招商信息">
												    </label>
												</div>
												<div class="form-group">
													<label for="firstname" class="col-sm-3 control-label tz-txt ">信息内容：</label>
													<!--百度富文本编辑器开始-->
													<div class="col-sm-6">
														<script id="editor" type="text/plain" style="width:600px;height:300px;"></script>
													</div>
												</div>
												<!--百度富文本编辑器结束-->
										</div>
										</form>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
										<button type="button" class="btn btn-primary" @click="addUser">确定</button>
									</div>
								</div>
							</div>
						</div>
					</div>
				
				</div>
			</div>
			<!-- 移动导航 -->
			<div class="site-tree-mobile layui-hide" id="shu-btn"><i class="layui-icon"><img src="img/ri-line.png"/></i></div>
			<div class="site-mobile-shade"></div>
			<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
			<script type="text/javascript" src="layui/layui.js"></script>
			<script type="text/javascript" src="js/leftNav.js"></script>
			<script type="text/javascript" src="js/index.js"></script>
			<script type="text/javascript"></script>
			<!--	富文本编辑器部分js-->
			<!--style给定宽度可以影响编辑器的最终宽度-->

			<script type="text/javascript">
				//实例化编辑器
				//建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
				var ue = UE.getEditor('editor');

				function isFocus(e) {
					alert(UE.getEditor('editor').isFocus());
					UE.dom.domUtils.preventDefault(e)
				}

				function setblur(e) {
					UE.getEditor('editor').blur();
					UE.dom.domUtils.preventDefault(e)
				}

				function insertHtml() {
					var value = prompt('插入html代码', '');
					UE.getEditor('editor').execCommand('insertHtml', value)
				}

				function createEditor() {
					enableBtn();
					UE.getEditor('editor');
				}

				function getAllHtml() {
					alert(UE.getEditor('editor').getAllHtml())
				}

				function getContent() {
					var arr = [];
					arr.push("使用editor.getContent()方法可以获得编辑器的内容");
					arr.push("内容为：");
					arr.push(UE.getEditor('editor').getContent());
					alert(arr.join("\n"));
				}

				function getPlainTxt() {
					var arr = [];
					arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
					arr.push("内容为：");
					arr.push(UE.getEditor('editor').getPlainTxt());
					alert(arr.join('\n'))
				}

				function setContent(isAppendTo) {
					var arr = [];
					arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
					UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo);
					alert(arr.join("\n"));
				}

				function setDisabled() {
					UE.getEditor('editor').setDisabled('fullscreen');
					disableBtn("enable");
				}

				function setEnabled() {
					UE.getEditor('editor').setEnabled();
					enableBtn();
				}

				function getText() {
					//当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
					var range = UE.getEditor('editor').selection.getRange();
					range.select();
					var txt = UE.getEditor('editor').selection.getText();
					alert(txt)
				}

				function getContentTxt() {
					var arr = [];
					arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
					arr.push("编辑器的纯文本内容为：");
					arr.push(UE.getEditor('editor').getContentTxt());
					alert(arr.join("\n"));
				}

				function hasContent() {
					var arr = [];
					arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
					arr.push("判断结果为：");
					arr.push(UE.getEditor('editor').hasContents());
					alert(arr.join("\n"));
				}

				function setFocus() {
					UE.getEditor('editor').focus();
				}

				function deleteEditor() {
					disableBtn();
					UE.getEditor('editor').destroy();
				}

				function disableBtn(str) {
					var div = document.getElementById('btns');
					var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
					for(var i = 0, btn; btn = btns[i++];) {
						if(btn.id == str) {
							UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
						} else {
							btn.setAttribute("disabled", "true");
						}
					}
				}

				function enableBtn() {
					var div = document.getElementById('btns');
					var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
					for(var i = 0, btn; btn = btns[i++];) {
						UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
					}
				}

				function getLocalData() {
					alert(UE.getEditor('editor').execCommand("getlocaldata"));
				}

				function clearLocalData() {
					UE.getEditor('editor').execCommand("clearlocaldata");
					alert("已清空草稿箱")
				}
			</script>
	</body>

</html>